<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Repute</title>
    <link rel="stylesheet" href="style.css">
    <link rel="stylesheet" href="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/css/bootstrap.min.css">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
</head>
<body>
<nav class="navbar navbar-expand-lg navbar-light">
    <div class="container">
        <a class="navbar-brand" href="#"><img src="img/logo.png" alt=""></a>
        <button class="navbar-toggler collapsed" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
            <span class="navbar-t oggler-icon"></span>
        </button>
        <div class="navbar-collapse collapset text-right collapse" id="navbarNav">
            <ul class="navbar-nav ml-auto">
                <li class="nav-item dropdown  green">
                    <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                        HOME
                    </a>
                    <div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
                        <a class="dropdown-item" href="#">Action</a>
                        <a class="dropdown-item" href="#">Another action</a>
                        <a class="dropdown-item" href="#">Something else here</a>
                    </div>
                </li>
                <li class="nav-item dropdown">
                    <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink1" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                        FEATURES
                    </a>
                    <div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink1">
                        <a class="dropdown-item" href="#">Action</a>
                        <a class="dropdown-item" href="#">Another action</a>
                        <a class="dropdown-item" href="#">Something else here</a>
                    </div>
                </li>
                <li class="nav-item dropdown">
                    <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink2" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                        PAGES
                    </a>
                    <div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink2">
                        <a class="dropdown-item" href="#">Action</a>
                        <a class="dropdown-item" href="#">Another action</a>
                        <a class="dropdown-item" href="#">Something else here</a>
                    </div>
                </li>
                <li class="nav-item dropdown">
                    <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink3" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                        PORTFOLIO
                    </a>
                    <div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink3">
                        <a class="dropdown-item" href="#">Action</a>
                        <a class="dropdown-item" href="#">Another action</a>
                        <a class="dropdown-item" href="#">Something else here</a>
                    </div>
                </li>
                <li class="nav-item dropdown">
                    <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink4" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                        BLOG
                    </a>
                    <div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink4">
                        <a class="dropdown-item" href="#">Action</a>
                        <a class="dropdown-item" href="#">Another action</a>
                        <a class="dropdown-item" href="#">Something else here</a>
                    </div>
                </li>
                <li class="nav-item active jko">
                    <a class="nav-link" style="color: white" href="#">UPGRADE TO PRO<span class="sr-only">(current)</span></a>
                </li>
            </ul>
        </div>
    </div>
</nav>
    </header>
    </div>
</nav>


<div class="bd-example">
    <div id="carouselExampleCaptions" class="carousel slide" data-ride="carousel">
        <ol class="carousel-indicators">
            <li data-target="#carouselExampleCaptions" data-slide-to="0" class="active"></li>
            <li data-target="#carouselExampleCaptions" data-slide-to="1"></li>
            <li data-target="#carouselExampleCaptions" data-slide-to="2"></li>
        </ol>
        <div class="carousel-inner">
            <div class="carousel-item active">
                <img src="img/luobo.png" class="d-block w-100" alt="...">
                <div class="carousel-caption d-none d-md-block">
                    <h1>EASY TO CUSTOMlZE</h1>
                    <p>Readable code,well documented and FREE support</p>
                    <a href="">LEARN MORE</a>
                </div>
            </div>
            <div class="carousel-item">
                <img src="img/luobo.png" class="d-block w-100" alt="...">
                <div class="carousel-caption d-none d-md-block">
                    <h1>EASY TO CUSTOMlZE</h1>
                    <p>Readable code,well documented and FREE support</p>
                    <a href="">LEARN MORE</a>
                </div>
            </div>
            <div class="carousel-item">
                <img src="img/luobo.png" class="d-block w-100" alt="...">
                <div class="carousel-caption d-none d-md-block">
                    <h1>EASY TO CUSTOMlZE</h1>
                    <p>Readable code,well documented and FREE support</p>
                    <a href="">LEARN MORE</a>
                </div>
            </div>
        </div>
        <a class="carousel-control-prev" href="#carouselExampleCaptions" role="button" data-slide="prev">
            <span class="carousel-control-prev-icon" aria-hidden="true"></span>
            <span class="sr-only">Previous</span>
        </a>
        <a class="carousel-control-next" href="#carouselExampleCaptions" role="button" data-slide="next">
            <span class="carousel-control-next-icon" aria-hidden="true"></span>
            <span class="sr-only">Next</span>
        </a>
    </div>
</div>

<div class="glo">
    <div class="str">
        <div class="container">
        <div class="row">
            <div class="col-md-3">
                <div class="fk">
                    <a href="#"><img src="img/fk1.png" alt=""></a>
                    <p>STRONG STRUCTURE</p>
                </div>
            </div>
            <div class="col-md-3">
                <div class="fk">
                    <a href="#"><img src="img/fk2.png" alt=""></a>
                    <p>GLOBAL SERVlCES</p>
                </div>
            </div>
            <div class="col-md-3">
                <div class="fk">
                    <a href="#"><img src="img/fk3.png" alt=""></a>
                    <p>DYNAMlC CHANGE</p>
                </div>
            </div>
            <div class="col-md-3">
                <div class="fk">
                    <a href="#"><img src="img/fk4.png" alt=""></a>
                    <p>EXPONEATlAL GROWTH</p>
                </div>
            </div>
        </div>
    </div>
</div>

<main>
    <div class="container">
    <div class="kno">
        <div class="row">
            <div class="col-md-6">
                <div class="bet">
                    <h6>KNOW BETTER</h6>
                    <p>......</p>
                    <p>Synergistically procrastinate one-to-one resylts for
                        accurate platforms, Assertively whiteboard
                        corporate users whereas dynamic initlatives.</p>
                    <div class="bet-1">
                        <p>Energisrucally architect leading-edge users and iunexpensive internal or
                        "organic"sources.Distinctively evolve e-business resources after progressive intellectual caputal,
                          OBjectivelyarchitect maintainable technologies via strategic convergence.Continually optimize stand
                            -alone expertise with e-business e0services.Continuallt conceptualize client-centered opportuities and.
                        </p>
                        <p>
                            Dynamically customize backward-compatible processes via front-end models.Distinctively
                            ecisculate an expanded array of scemarios agter virtual information.Professionally
                            predominate tecgnucally sound resources thriygh imoactful mindsgare,Effcintly drive
                            viral interfaces without inexpensibe value.Credibly
                        </p>
                    </div>
                </div>
            </div>
            <div class="col-md-6">
                <div class="fk5">
                    <img src="img/fk5.png" alt="">

                </div>
            </div>
        </div>
    </div>
    </div>
    <div class="main-1">
        <div class="container">
        <div class="row">
            <div class="col-md-6">
                <div class="ed">
                    <img src="img/fk6.png" alt="">
                </div>
                <div class="ll">
                    <h5>GRAL ORlENTED</h5>
                    <p>Holsiticly harness just in time technologies via corporate scenarios.lntrinsicly
                    predominate ubiquitous outsourcing thriugh an expanded array
                    of functionalities.</p>
                </div>
                <div class="ed">
                    <img src="img/fk7.png" alt="">
                </div>
                <div class="ll">
                    <h5>DYNAMiC CHANGE</h5>
                    <p>Holsiticly harness just in time technologies via corporate scenarios.lntrinsicly
                        predominate ubiquitous outsourcing thriugh an expanded array
                        of functionalities.</p>
                </div>
            </div>
            <div class="col-md-6">
                <div class="ed">
                    <img src="img/fk8.png" alt="">
                </div>
                <div class="ll">
                    <h5>GLOBAL SERVlCE</h5>
                    <p>Holsiticly harness just in time technologies via corporate scenarios.lntrinsicly
                        predominate ubiquitous outsourcing thriugh an expanded array
                        of functionalities.</p>
                </div>
                <div class="ed">
                    <img src="img/fk9.png" alt="">
                </div>
                <div class="ll">
                    <h5>PROFESSlONAL SUPPORT</h5>
                    <p>Holsiticly harness just in time technologies via corporate scenarios.lntrinsicly
                        predominate ubiquitous outsourcing thriugh an expanded array
                        of functionalities.</p>
                </div>
            </div>
        </div>
            <div class="main-3">
                <div class="dn">
                    <img src="img/fk10.png" alt="">
                    <h6>ULTRA RESPONSiVE</h6>
                    <p>Phosfluorescently revolutionize viral leadership via turnkey technilogy. Synergistically monetlze intermabdaated
                    strateguc theme areas tgrough multinedia based.
                    </p>
                </div>
                <div class="res">
                    <a href="">Responsive</a>
                    <a href="">Easy to Customize</a>
                    <a href="">Design</a>
                    <a href="">Free Updates & Support</a>
                </div>
                </div>
            <div class="cen">
                <div class="row">
                    <div class="col-md-6">
                        <div class="rt">
                            <h5>REXENT WORKS</h5>
                            <p>......</p>
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="see">
                            <a href="">See all works</a>
                        </div>
                    </div>
                    </div>
                <div class="ws">
                        <div class="container">
                            <div class="row">
                            <div class="col-md-4">
                                <div class="fk-11">
                                <img src="img/fk11.png" alt="">
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="fk-11">
                                <img src="img/fk12.png" alt="">
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="fk-11">
                                <img src="img/fk13.png" alt="">
                                </div>
                            </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
        <div class="neww">
            <div class="container">
            <h6>LATEST NEWS</h6>
            <p>......</p>
                <div class="row">
                    <div class="col-md-4">
                        <div class="in">
                            <img src="img/fk14.png" alt="">
                            <h5>ln Demand:Collaboration SKii</h5>
                            <p>Proactively engage orthogonal growth strategies without
                            resiyrce-leveling testion procedures.Seamlessly predominate
                            interoperble griwth strategies.</p>
                            <span>23-02-2015</span>
                            <span class="yf">23-02-2015</span>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="item">
                            <a href=""><img src="img/fk15.png" alt=""></a>
                        </div>
                        <div class="item-1">
                            <h6>Growth Strategies We Must K...</h6>
                            <p>
                                Proactively engage orthogonal gtowth strategies
                                without resourceleveling testing procedures.
                            </p>
                        </div>
                        <div class="item">
                            <a href=""><img src="img/fk16.png" alt=""></a>
                        </div>
                        <div class="item-1">
                            <h6>Products Research Metgidilo...</h6>
                            <p>
                                Proactively engage orthogonal gtowth strategies
                                without resourceleveling testing procedures.
                            </p>
                        </div>
                        <div class="item">
                            <a href=""><img src="img/fk17.png" alt=""></a>
                        </div>
                        <div class="item-1">
                            <h6>Professional Leverage</h6>
                            <p>
                                Proactively engage orthogonal gtowth strategies
                                without resourceleveling testing procedures.
                            </p>
                        </div>
                        </div>
                    <div class="col-md-4">
                        <div class="item">
                            <a href=""> <img src="img/fk18.png" alt=""></a>
                        </div>
                        <div class="item-1">
                            <h6>Alternative E-connerce</h6>
                            <p>
                                Proactively engage orthogonal gtowth strategies
                                without resourceleveling testing procedures.
                            </p>
                        </div>
                        <div class="item">
                            <img src="img/fk19.png" alt="">
                        </div>
                        <div class="item-1">
                            <h6>Understranding Globally Scale...</h6>
                            <p>
                                Proactively engage orthogonal gtowth strategies
                                without resourceleveling testing procedures.
                            </p>
                        </div>
                        <div class="bqq">
                            <a href="">See all newsimg <img src="img/fk29.png" alt=""></a>
                        </div>
                    </div>
                </div>
        </div>
        </div>
        <div class="sub">
            <div class="container">
            <div class="row">
                <div class="col-md-3">
                    <div class="scr">
                        <a href=""><img src="img/fk20.png" alt=""></a>
                    </div>
                    <div class="lll">
                        <h5>5200</h5>
                        <p>SUBSCRlBERS</p>
                    </div>
                </div>
                <div class="col-md-3">
                    <div class="scr">
                        <a href=""><img src="img/fk21.png" alt=""></a>
                    </div>
                    <div class="lll">
                        <h5>273</h5>
                        <p>PROJECTS</p>
                    </div>
                </div>
                <div class="col-md-3">
                    <div class="scr">
                        <a href=""><img src="img/fk22.png" alt=""></a>
                    </div>
                    <div class="lll">
                        <h5>640K</h5>
                        <p>APPREClATlONS</p>
                    </div>
                </div>
                <div class="col-md-3">
                    <div class="scr">
                        <a href=""><img src="img/fk23.png" alt=""></a>
                    </div>
                    <div class="lll">
                        <h5>132</h5>
                        <p>CLlENTS</p>
                    </div>
                </div>
            </div>
        </div>
        </div>
    </div>
</main>
    <footer>
        <div class="fgh">
            <div class="get">
                <div class="container">
                <div class="row">
                    <div class="col-md-6">
                        <div class="tou">
                            <h2>GET lN TOUCH</h2>
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="to">
                            <span>CaLL us at(1800)765-4321 or</span>
                            <a href="">CONTACT US</a>
                        </div>
                    </div>
                </div>
                </div>
            </div>
        <div class="container">
            <div class="pup">
                <div class="row">
                    <div class="col-md-4">
                        <div class="te">
                            <a href=""><img src="img/fk24.png" alt=""></a>
                            <p>Proactively aggregate B2B initiativrs before extensive
                            channels.Monotonectally extend interactive methods of
                            empowerment through excellent applicarlons.Rapidiously
                            Synergize visionary products with sticky technlogy</p>
                            <div class="fg">
                                <p>1234 North Main Street</p>
                                <p>ew Youk,NY 222222</p>
                                <p>NPhone:(1800)765-4321</p>
                                <p>Email:enauk@yourdomain.com</p>
                            </div>

                        </div>
                    </div>
                    <div class="col-md-2">
                        <div class="lin">
                            <h5>USEFUL LlNKS</h5>
                            <ul>
                                <li><a href="">About</a></li>
                                <li><a href="">News</a></li>
                                <li><a href="">Community</a></li>
                                <li><a href="">Career</a></li>
                                <li><a href="">Blog</a></li>
                            </ul>
                        </div>

                    </div>
                    <div class="col-md-2">
                        <div class="lin">
                            <ul class="wx">
                                <li><a href="">Press Kit</a></li>
                                <li><a href="">FAQ</a></li>
                                <li><a href="">Terms</a></li>
                                <li><a href="">Privacy Poivacy</a></li>
                                <li><a href="">Contact Us</a></li>
                            </ul>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="lok">
                        <h5>NEWSLETTER</h5>
                            <p>Get the latest update form us by subscribing to
                                our newsletter.</p>
                        </div>
                        <div class="bd">
                            <input  class="nji" type="text" placeholder="youremail@domain.com">
                            <button type="button" class="btn btn-primary">SUBSCRlBE</button>
                            <p>GET CONNECTED</p>
                            <a href=""><img src="img/fk25.png" alt=""></a>
                            <a href=""><img src="img/fk26.png" alt=""></a>
                            <a href=""><img src="img/fk27.png" alt=""></a>
                            <a href=""><img src="img/fk28.png" alt=""></a>
                        </div>
                    </div>
                    </div>
                </div>
            </div>
            <div class="mla">
                <p>More Templates - Collect from</p>
            </div>
        </div>
    </footer>

<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.slim.min.js"></script>
<script src="https://cdn.bootcss.com/popper.js/1.14.6/umd/popper.min.js"></script>
<script src="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
</body>
</html>